<template>
  <div >
       <el-dialog title="在线支付个人党费" :visible.sync="dialogVisible" width='450px' append-to-body v-dialogDrag :close-on-click-modal="false" >
          <div id="qrcode" ref="qrcode" style="text-align: -webkit-center;margin-top: 20px;"></div>
        </el-dialog>
  </div>
</template>

<script>
    import jquery from 'jquery'
    import QRCode from 'qrcodejs2'
    import {mapActions} from 'vuex';
    export default {
    components:{
    },
    props:{
    },
    data(){
        return {
            dialogVisible:false,
            
        }
    },
    updated(){
         this.$nextTick(function(){
            this.qrcode();
         })
     },
    watch:{},
    computed:{QRCode},//QRCode
    methods:{
        // ...mapActions(['']),
        qrcode () {
            let $qrcode=jquery("#qrcode");
            $qrcode.empty();
            setTimeout(()=>{
                let qrcode = new QRCode('qrcode', {  
                    width: 232,  // 设置宽度 
                    height: 232, // 设置高度
                    text: 'https://baidu.com'
                })  
            },1000);
            
        },
        qrcodezhifu(){
            this.$emit('zhifu',true);
        }

        
    },
    created(){},
    mounted(){
        //
    }
    }
</script>
<style  scoped>

</style>